@media(max-width:1360px) {
    .navbar-created-by-santu .navbar-midil {
        gap: 40px;
    }

    .navbar-created-by-santu .navbar-midil .midil-row ul {
        width: 555px;
    }

    .navbar-created-by-santu .navbar-midil .midil-row ul li {
        font-size: 14px;

    }
}


@media(max-width:1300px) {

    .navbar-created-by-santu .navbar-midil {
        gap: 20px;
    }
}

@media(max-width:1215px) {


    .navbar-created-by-santu .navbar-midil {
        gap: 15px;
    }


    .navbar-created-by-santu .navbar-midil .third-row {
        padding-left: 0px;
    }

    .navbar-created-by-santu .navbar-midil .midil-row ul {
        width: 529px;
    }

    .navbar-created-by-santu .navbar-midil .midil-row ul li {
        font-size: 13px;
    }

}



@media(max-width:1130px) {
    .navbar-created-by-santu .navbar-midil .midil-row ul {
        width: 469px;
       
    }

    .navbar-created-by-santu .navbar-midil .midil-row ul li {
        padding: 0px 10px 0px 10px;
    }

     .navbar-created-by-santu .navbar-top {
        height: auto;
        padding: 15px 0px 15px 0px;
    }
   .navbar-created-by-santu .navbar-top ul {
        flex-wrap: wrap;
        gap: 14px;
        justify-content: center;
    }
}

@media(max-width:1024px) {
    .navbar-created-by-santu .navbar-midil .third-row .radius {
        height: 30px;
        width: 30px;
        font-size: 14px;
    }

    .navbar-created-by-santu .navbar-midil .third-row .radius1 {
        height: 30px;
        width: 30px;
        font-size: 14px;
    }

    .navbar-created-by-santu .navbar-midil .right-row {
        width: 120px;
        font-size: 14px;

    }
    .navbar-created-by-santu .navbar-midil .right-row {
        width: 100px;
    }
    .navbar-created-by-santu .navbar-midil .left-row .content{
        font-size: 16px;
    }

}

@media(max-width:976px) {
    .navbar-created-by-santu .navbar-midil {
        gap: 0px;
    }
        .navbar-created-by-santu .navbar-midil .right-row {
            margin-left: 10px;
        }

    .navbar-created-by-santu .navbar-midil .midil-row ul li {
        padding: 0px 8px 0px 8px;
    }

    .navbar-created-by-santu .navbar-midil .midil-row ul {
        width: 420px;
    }
   

}





@media(max-width:900px) {
      

    .navbar-created-by-santu .navbar-midil .ul-left-row {

        display: flex;
        position: absolute;
    top: 0%;
    }

    .navbar-created-by-santu .navbar-midil .ul-left-row .logo {

        display: block;
        position: absolute;
        bottom: 43%;
        left: 3%;
    }

    .navbar-created-by-santu .navbar-midil .ul-left-row .content {

        display: block;
        padding-left: 80px;
    }

    .navbar-created-by-santu .navbar-midil .menu-bar {
        display: block;
    }

    .navbar-created-by-santu .navbar-midil .midil-row {
        /* display: none; */
        position: absolute;
        left: -100%;
    }

    .navbar-created-by-santu .navbar-midil .midil-row ul {
        width: 90%;
        line-height: 3;
        padding-left: 15px;
        padding-top: 133px;
        background: white;
        transition: 1s all ease;
        display: block;
        border-right: 3px solid var(--primary-color);
        z-index: 99;

    }

    .navbar-created-by-santu .navbar-midil .midil-row ul i {
        position: absolute;
        top: 25%;
        left: 90%;
        background-color: var(--primary-color);
        color: var(--comon-color);
        height: 30px;
        width: 30px;
        text-align: center;
        align-content: center;
        border-radius: 50%;
        display: block;
        color: white;
    }

    .navbar-created-by-santu .navbar-midil .midil-row ul li {
        border-bottom: 1px solid rgb(231, 232, 233);
    }

    .navbar-created-by-santu .navbar-midil .third-row {
        position: absolute;
        left: 55%;

    }

    .navbar-created-by-santu .navbar-midil .right-row {
        position: absolute;
        left: 65%;
    }

    .navbar-created-by-santu .navbar-top ul {
        font-size: 13px;
    }

    .navbar-created-by-santu .navbar-midil .left-row {
        width: 255px;
    }

}

@media(max-width:800px) {
    .navbar-created-by-santu .navbar-midil .third-row {
        position: absolute;
        left: 45%;
    }


    .navbar-created-by-santu .navbar-midil .right-row {
        position: absolute;
        left: 60%;
    }

    .navbar-created-by-santu .navbar-top ul li {
        padding: 0px 10px 0px 10px;
    }


}


@media(max-width:700px) {
   

    

    .navbar-created-by-santu .navbar-midil .menu-bar {
        position: absolute;
        left: 85%;
    }

    .navbar-created-by-santu .navbar-midil .ul-left-row {
        position: absolute;
        top: 0%;
        width: 93%;
        height: 100px;
    }

    .navbar-created-by-santu .navbar-midil .midil-row ul i {
        position: absolute;
        top: 15%;
    }

    .navbar-created-by-santu .navbar-midil .ul-left-row .content {
        font-size: 25px;
        padding-top: 22px;
    }


    .navbar-created-by-santu .navbar-midil .ul-left-row .logo {

        display: block;
        position: absolute;
        bottom: 35%;
        left: 3%;
    }

}

@media(max-width:614px) {
    .navbar-created-by-santu .navbar-midil .ul-left-row {
        width: 94%;

    }
}

@media(max-width:550px) {
    .navbar-created-by-santu .navbar-midil .right-row {
        display: none;
    }

    .navbar-created-by-santu .navbar-midil .third-row {
        position: absolute;
        left: 56%;
    }

    .navbar-created-by-santu .navbar-midil .menu-bar {
        position: absolute;
        left: 80%;
    }




}

@media(max-width:480px) {
    /* .navbar-created-by-santu .navbar-midil .left-row .logo {
        width: 23%;
    } */

    .navbar-created-by-santu .navbar-midil .left-row {
        clip-path: none;
    }

    .navbar-created-by-santu .navbar-top ul li:nth-last-child(6) {
        display: none;
    }

    .navbar-created-by-santu .navbar-top ul li:nth-last-child(7) {
        display: none;
    }

    .navbar-created-by-santu .navbar-top ul li:nth-last-child(8) {
        display: none;
    }

    .navbar-created-by-santu .navbar-midil .third-row {
        display: none;
    }


    .navbar-created-by-santu .navbar-midil .ul-left-row .logo {
        font-size: 25px;
    }

    .navbar-created-by-santu .navbar-midil .ul-left-row {
        position: absolute;
        top: 8%;
    }

    .navbar-created-by-santu .navbar-midil .midil-row ul i {
        position: absolute;
        top: 16%;
        left: 214px
    }

    .navbar-created-by-santu .navbar-midil .ul-left-row .content {
        font-size: 20px;
        padding-top: 0px;
    }

    .navbar-created-by-santu .navbar-midil .ul-left-row {
        width: 95%;
    }
}



@media(max-width:400px) {
    .navbar-created-by-santu .navbar-midil .menu-bar {
        position: absolute;
        left: 75%;
    }

    .navbar-created-by-santu .navbar-midil .left-row {
        width: 260px;
    }


    .navbar-created-by-santu .navbar-midil .ul-left-row {
        width: 76.5%;
    }

    .navbar-created-by-santu .navbar-midil {
        height: 70px;
    }

    .navbar-created-by-santu .navbar-midil .left-row {
        height: 70px;
        width: 220px;
    }


    .navbar-created-by-santu .navbar-midil .ul-left-row {
        position: absolute;
        top: 6%;
        width: 88.8%;
        height: 90px;
    }

    .navbar-created-by-santu .navbar-midil .ul-left-row .logo {
        position: absolute;
        bottom: 43%;
        left: 7%;
    }

    .navbar-created-by-santu .navbar-midil .midil-row ul i {
        position: absolute;
        top: 15%;
    }

    .navbar-created-by-santu .navbar-midil .ul-left-row .content {
        width: 75%;
        font-size: 17px;
    }


    .navbar-created-by-santu .navbar-midil .left-row .content {
        font-size: 18px;
    }
}

@media(max-width:330px){
    .navbar-created-by-santu .navbar-midil .ul-left-row .content{
        padding-left: 70px;
        width: 100%;
    }
}